<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>汉心辅码变形码输入法体验版</title>
    <meta name="description" content="这是一款免安装拼音输入法，打字不用翻页。">
    <meta name="keywords" content="在线拼音输入法，云输入法，免安装输入法，网页版拼音输入法,zaixianshurufa,wangyeshurufa,网页版小鹤输入法,中文输入法，古文拼音输入法">
    <meta name="viewport" content="width=device-width, initial-scale=0.9">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="yidong.css">
    <link rel="stylesheet" href="srf.css">
    <script src="kfekowi.js"></script>
    <script src="dhiowl.js"></script>
    <script src="headke.js"></script>
    <script src="mansi.js"></script>
    <script src="vskel.js"></script>
    <script src="fewsfle.js"></script>
</head>

<body>
    <header>
        <nav>
            <h1>汉心辅码变形码输入法体验版</h1>
            <ul>
                <li><a href="https://hanxinma.gitlab.io" target="_blank">主页学习</a></li>
                <li><a href="https://hanxinma.gitlab.io/js/xz/index" target="_blank">下载/软件</a></li>
            </ul>
        </nav>
    </header>

    <div id="shurufa">

        <div id="dali">
            <div id="wenbenshang">
                <div id="xiala">
                    <select onchange="window.location.href=this.value; ">
                        <option value="https://hanxinma.gitlab.io/js/pinyinban">汉心体验版</option>
                        <option value="https://hanxinma.gitlab.io/js/xiaoheban">汉心小鹤版</option>
                   
                        <option value="https://hanxinma.gitlab.io/js/ziranban">汉心自然版</option>
                    </select>
                </div>
                <div id="zhong">
                    <details>
                        <summary>汉心快打-类五笔输入法体验</summary>
             
            
                    </details>

                </div>
                <div id="qingchu">
                    <button onclick="copyText()">复制CL+X</button>
                </div>
            </div>


            <textarea id="da"
                placeholder="本网页输入法，是把汉心码的辅助码，改成类似五笔那种形码来输入的方式，只是为了体验，无打算做形码输入法，没有仔细校对，所以会有bug，完全是为了让不会五笔的人，也能体验到用字根打字的感觉。主要用法，就是用辅助码打汉字。详细看下方展开，&#10;&#10;举例：你好，打renz，r=亻，e=尔头，n=女，z=子"></textarea>

        </div>

        <div id="wenbenxia">
            <div id="vtl">
                <div id="xiaowb">
                    <input type="text" id="xiao" oninput="document.getElementById('lb').innerHTML = this.value;"
                        autocomplete="off"
                        placeholder="←这里输入小写字母,汉心快打输入法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
                </div>

                <div id="lb">
                </div>
            </div>


            <div id="anniu">

                <label for="checkbox">四键上屏</label><input type="checkbox" id="checkbox">
                <label for="gdbox">停止滚动</label> <input type="checkbox" id="gdbox">
                <label for="sjbox">手机使用</label> <input type="checkbox" id="sjbox">
                <label for="zdbox">自动复制停</label> <input type="checkbox" id="zdbox">

            </div>


            <br><br><br><br>
            <div id="shuoming">
                <details>
                    <summary>点击展开看打法</summary>
               这个版本不会更新，只是为了体验，所以会有bug<br>
                     网盘里也有电脑安装版的，如果非要用，适合不会拼音和不想背字根的人，使用。<br>
                                          其实可以更具有针对性的设计，但是这个只是从双拼辅助码改过的。所以一切规则都兼容原本的辅助码<br>
                                                 因为没打算做形码。只是利用最简单，最省时间的方式，最小的改动，普通人也可以体验五笔，利用字根打字的感觉，看看就能用<br>
                                                             特别会了汉心辅助码的人，看懂原理的，就基本学会<br>
 
                       <div id="zigfd">    
                    <img src="" alt="pcjson.com图片Base64编码" style="max-width:800; max-height:1400px;" />
                                             <a href="http://hanxinma.gitlab.io" target="_blank"
                        style="color:black;">官网学习汉心快打</a><br>
                    <a href="http://yaoxiazai.ysepan.com" target="_blank" style="color:black;">下载</a>
                               </div>
                    
             
                    
                    
        
    
                </details>
            </div>
            <div id="kong"></div>
        </div>



        <script>

            window.onload = function () {
                const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);


                const link = document.createElement("link");
                link.rel = "stylesheet";
                link.href = "style.css";
                document.head.appendChild(link);


                if (isMobile) {
                    const mobileLink = document.createElement("link");
                    mobileLink.rel = "stylesheet";
                    mobileLink.href = "yidong.css";
                    document.head.appendChild(mobileLink);
                }

                else {
                    const desktopLink = document.createElement("link");
                    desktopLink.rel = "stylesheet";
                    desktopLink.href = "srf.css";
                    document.head.appendChild(desktopLink);
                }
            };

            window.onload = function () {
                const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

                if (isMobile) {
                    const sjBox = document.getElementById('sjbox');
                    sjBox.checked = true;
                }
            }

        </script>
        <script src="cidiana.js"></script>
        <script src="eidksl.js"></script>
        <script src="hxwb.js"></script>
        <script src="hedee.js"></script>  
        <script src="listd.js"></script>
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?8520e3c41904434f20741b02eaddde4b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</body>

</html>